<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../static/css/jquery.mobile.flatui.css"
          th:href="@{/css/jquery.mobile.flatui.css}"/>
    <script src="../static/js/jquery.js" th:src="@{/js/jquery.js}"></script>
    <script src="../static/js/jquery.mobile-1.4.5.min.js" th:src="@{/js/jquery.mobile-1.4.5.min.js}"></script>
    <script src="../static/js/devlopeInit.js" th:src="@{/js/devlopeInit.js}"></script>

</head>

<body>
<div data-role="page" data-theme="b" id="login" style="background-color: bisque;">

    <div data-role="header" data-position="fixed">
        <h1>成长路线</h1>
    </div>

    <div data-role="content">

        <div data-role="collapsible" data-collapsed-icon="flat-time" data-expanded-icon="flat-cross"
             data-collapsed="false" style="margin-top: 20%;" data-theme="a">
            <h3>小学--我的数学老师</h3>
            <img id="pic_0" style="width: 100%;"/>

            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小学数学不是很好，直到6年级换了个数学老师。老师教导很严厉，但却会鼓励我。让我对学数学更有信息。之后数学犹如平地起波澜，一举登天</h4>
        </div>
        <div data-role="collapsible" data-collapsed-icon="flat-calendar" data-expanded-icon="flat-cross"
             data-collapsed="false" data-theme="e">
            <h3>中学--桌游卡牌</h3>
            <img id="pic_1" style="width: 100%;"/>
            <img id="pic_2" style="width: 100%;"/>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中学每天中午利用休息的时间和朋友玩三国杀，异常有趣。特别是我能掌控雷电的时候</h4>

        </div>
        <div data-role="collapsible" data-collapsed-icon="flat-settings" data-expanded-icon="flat-cross"
             data-collapsed="false" data-theme="f">
            <h3>高中--疯狂迷失，疯狂学习</h3>
            <img id="pic_3" style="width: 100%;"/>
            <img id="pic_4" style="width: 100%;"/>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高中前半段时期疯狂玩上面两货，沉迷游戏无法自拔。经常有空的时候和同学开黑，虽然玩的不亦乐乎，但是学习成绩也没下降多少。</h4>
            <img id="pic_5" style="width: 100%;"/>
            <img id="pic_6" style="width: 100%;"/>
            <h4>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;但脑子一热的我觉得这终归不是我的目的，于是放弃了游戏。开始认真学习了，班主任也给我很大的帮助，直到高考结束，我知道我并没有付出多少，结果也还算满意。</h4>
        </div>
        <div data-role="collapsible" data-collapsed-icon="flat-settings" data-expanded-icon="flat-cross"
             data-collapsed="false" data-theme="g">
            <h3>大学--编程之路起步</h3>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;步入大学的大门，老师开始教我们喝"咖啡".喝咖啡之余，自己 也开始玩起"蟒蛇"来了</h4>
            <img id="pic_7" style="width: 100%;"/>
            <img id="pic_8" style="width: 100%;"/>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;以为也就是喝咖啡那么简单了，没想多越喝越精，对咖啡的要求越来越高。喝着喝着，喝出了"春天"--spring这一大家族</h4>
            <img id="pic_9" style="width: 100%;"/>
            <img id="pic_10" style="width: 100%;"/>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学也临近尾声，毕业设计也随之而来。没什么别的愿望，只是希望真的可以学有所成</h4>
            <img id="pic_11" style="width: 100%;"/>
            <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最后，又是因为自己脑子一热，选了一个需要用php做毕业设计的题目。不说了莽就完事了(毕竟PHP是最好的语言)</h4>
        </div>
    </div>

        <div data-role="footer" data-position="fixed" th:insert="include::footer">
</div>

    </div>

</body>

</html>